<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>运动数据</title>
</head>

<body class="df fdc overflow">
  <!-- 头部 -->
  <header class=" b4f pad5">
    <div id="back" class="iconfont  cfff  mt10">&#xe607;</div>
    <div class="b4f df jcbetween ">
      <h5 class="cfff  mt10  f20 ">我的运动数据</h5>
    </div>
    <div class=" df mt20">
      <div class=" flex">
        <h2 class="f16 ca7 ">总运动</h2>
        <span class="cfff " id="durationVal"></span>
        <span class="cfff f12 ">分钟</span>
      </div>

      <div class="calories flex rel">
        <h2 class="f16  ca7">本周消耗</h2>
        <span class="cfff fn" id="calorieVal">99999</span>
        <span class="cfff f12">千卡</span>
        <span class="Split-line abs "></span>
      </div>
    </div>
    <ul class="df tcenter data mt10">
      <li class="flex  ">
        <p class="caad9f7 f14 ca7">消耗(千卡)</p>
        <span class="cfff f14" id="total"></span>
      </li>
      <li class="flex">
        <p class="caad9f7 f14 ca7">累计(天)</p>
        <span class="cfff f14" id="day">999</span>
      </li>
      <li class="flex ">
        <p class="caad9f7 f14 ca7">连续(天)</p>
        <span class="cfff f14" id="seriesDays">999</span>
      </li>
    </ul>

  </header>
  <main class="pad5 flex">
    <!-- 近7天运动时长 -->
    <div class="duration box pad5" id="duration">

    </div>

    <!-- 运动分类 -->
    <div class="sports-type box pad5" id="sportsType">

    </div>
  </main>

</body>

</html>